@import url(./base.less);
@import "./normalize.less";
@rootless: 37.5rem;
body {
  background-color: #f0f0f0;
}
.main {
  width: 100%;
  min-height: (500 / @rootless);
  //   background-color: pink;
  margin-bottom: (49 / @rootless);
  //   图片样式
  .background {
    height: (160 / @rootless);
  }
  //   乐园活动区域
  .huodong {
    width: 100%;
    // 导航栏
    .dao {
      height: (41 / @rootless);
      //   background-color: #feca49;
      font-size: (14 / @rootless);
      font-weight: 700;
      padding-left: (15 / @rootless);
      line-height: (41 / @rootless);
      color: #3c3c3c 100%;
    }
    // 活动内容
    .xq {
      position: relative;
      height: (250 / @rootless);
      background-color: #fff;
      .zhe {
        position: absolute;
        top: 0;
        left: 0;
        width: (375 / @rootless);
        height: (250 / @rootless);
        background-color: rgba(0, 0, 0, 0.3);
      }

      //   进行中
      .xp_top {
        position: absolute;
        top: (-4 / @rootless);
        left: (15 / @rootless);
        width: (68 / @rootless);
        height: (30 / @rootless);
        font-size: (12 / @rootless);
        text-align: center;
        line-height: (30 / @rootless);
        color: #fff;
        background-image: url(../images/status_active.png);
        background-size: cover;
        &.off {
          background-image: url(../images/status_default.png);
        }
      }
      //   收藏
      span {
        position: absolute;
        top: (15 / @rootless);
        right: (18 / @rootless);
        height: (24 / @rootless);
        width: (24 / @rootless);
        font-size: (24 / @rootless);
        color: #fff;
        // &.co {
        //   background-color: #feca49;
        //   border-radius: (24 / @rootless);
        // }
        // .iconfont {
        //   font-size: (24 / @rootless);
        // }
      }
      //   活动图片
      img {
        width: 100%;
        height: (160 / @rootless);
      }
      //   活动内容
      .text {
        height: (90 / @rootless);
        // background-color: lawngreen;
        // 文字区域
        .text_1 {
          display: flex;
          justify-content: space-between;
          h3 {
            margin-top: (8 / @rootless);
            margin-left: (15 / @rootless);
            width: (298 / @rootless);
            font-size: (15 / @rootless);
            font-weight: 400;
          }
          p {
            margin-top: (8 / @rootless);
            margin-right: (15 / @rootless);
            width: (33 / @rootless);
            font-size: (16 / @rootless);
            color: #fe6249;
          }
        }
        .text_2 {
          margin-top: (12 / @rootless);
          padding: 0 (15 / @rootless);
          span,
          i {
            font-size: (12 / @rootless);
            margin-right: (15 / @rootless);
            // margin-left: (15 / @rootless);
            color: #b4b4b4;
          }
        }
      }
    }
  }
}
footer {
  position: fixed;
  display: flex;
  justify-content: space-around;
  align-items: center;
  left: 0;
  bottom: 0;
  width: 100%;
  height: (49 / @rootless);
  background-color: #feca49;

  .foo {
    display: flex;
    width: (30 / @rootless);
    height: (30 / @rootless);
    justify-content: center;
    display: flex;
    a {
      display: flex;
      align-items: center;
      flex-direction: column;
      p {
        font-size: (12 / @rootless);
        color: #d78b09;
        &.hover1 {
          color: #fff;
        }
      }
      span {
        color: #d78b09;
        &.hover1 {
          color: #fff;
        }
      }
    }
    // background-color: lawngreen;
  }
}
